<template>
  <el-dialog
    custom-class="alarm-dialog lizhi"
    title="公司简介"
    :visible="show"
    width="max-content"
    :close-on-press-escape="false"
    :close-on-click-modal="false"
    :show-close="false"
    append-to-body
  >
    <div class="alarm-close" @click="closeDialog">
      <i class="el-icon-close"></i>
    </div>
    <div class="alarm-handler">
      <div class="codeimg-group">
        <p>{{ text }}</p>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import API from "api/api.js";
export default {
  name: "AppDownload",
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      text: "武汉中科图灵科技有限公司成立于2015年，专注于城市级物联网解决方案，是一家致力于赋能传统消防企业转型智慧消防的物联网公司；中科图灵深耕大数据、物联网、人工智能技术，提供从芯片到云端，从数据到决策的物联网行业解决方案能力；公司先后与广东省科学院信息研究所共建大数据实验室，是中国建筑科学院建筑防火研究所战略合作伙伴，公司核心团队由中科院教授、副教授、985高校硕士研究生等组成，已获得软件著作权60余项，实用新型专利及发明专利30余项等。公司先后获得湖北省高新技术企业认证、武汉市大数据企业认证、武汉市软件和信息服务业创新企业、武汉市科技小巨人、软件技术企业等认证。",
      loading: true
    };
  },
  watch: {
    // 当show变更时, if show为true,则初始化表单, 反之重置表单
    show: function (val) {
      if (val) {
        let self = this;
        this.$nextTick(() => {
          self.init();
        });
      }
    }
  },
  methods: {
    /**
     * @description: 获取二维码
     * @return {*}
     */
    init() {

    },
    /**
     * @description: 关闭弹窗时向父组件发送自定义 show更新 事件
     * @return {*}
     */
    closeDialog() {
      //当面板关闭(点击关闭按钮)
      this.$emit("update:show", false);
    }
  }
};
</script>
<style lang="scss" scope>
.lizhi.alarm-dialog {
  .alarm-close {
    position: absolute;
    font-size: 18px;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  .alarm-title {
    font-size: 18px;
    color: #02c3ff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .alarm-handler {
    min-width: 300px;
    max-width: 500px;
    color: rgba(255, 255, 255, 0.568);
    p {
      text-indent: 2em;
      line-height: 1.8;
    }
  }
}
</style>
